:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-firefly: #10242d;
  --color-wild-sand: #f5f5f5;
  --color-outer-space: #2e3640;
  --color-royal-blue: #4077d6;
  --color-athens-gray: #e5e6e9;
  --color-regent-gray: #8591a5;
  --color-periwinkle-gray: #c8daea;
  --color-royal-blue-light: #4d85e6;
  --color-cornflower-blue: #4c8bf7;
  --color-silver: #c4c4c4;
  --color-froly: #f37575;
  --color-alto: #d9d9d9;
  --color-seashell: #f1f1f1;

  --font-size-big: 36px;
  --font-size-medium: 15px;
  --font-size-small: 13px;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;

  --font-family-PT-Sans: "PT Sans";
  --font-family-Roboto: "Roboto";

  --breakpoint-mobile-min-width: 375px;
  --breakpoint-mobile-max-width: 767px;
  --breakpoint-tablet-min-width: 768px;
  --breakpoint-tablet-max-width: 1279px;
}
